body{
    background-image: url(../../static/img/loginBackground.png);
    /* 大小全覆盖 */
    /* background-size: cover; */
    /* vh: view higt */
    background-size: 100% 100vh;
    /* 不重复 */
    background-repeat: no-repeat;
}

/* class 的话得前面得加 . 的哦 */
.loginCard{
    /* 自适应  */
    width: fit-content;  

    /* 上 右 下 左 */
    padding: 12px 24px;
    
    /* 外边距 */
    margin: 200px auto;
    
    /* 边框 */
    /* border: 2px solid red;  */

    border-radius: 7px;
    /* 后面的 0.8 表示的是透明度的意思 */
    background-color: rgb(255, 255, 255, 0.8);
    box-shadow: 2px 2px 10px 1px rgb(208, 205, 205);
    /*  */
}

.loginCard .login{
    margin: 0 auto;
    width: 45px;
    height: 45px;
    /* 上下移动 */
    transform: translateY(-36px);

    border: 1px solid salmon;
    /* 圆形边框 */
    border-radius: 50%;
    background-color: aliceblue;
    /* 阴影边框 */
    box-shadow: 2px 2px 10px 1px rgb(113, 113, 113);
}
.loginCard .login img{
    width: 100%;
    /* width: 45px; */
    /* height: 45px; */
}

/* .loginCard .submit-button{ */
    /* 使得 submit 提交按钮居中对齐 */
    /* margin: 0 auto; */
/* }  */